<template>
    <div class="home">
        <home-header class="home-header"></home-header>
        <home-swiper></home-swiper> 
        <home-catalog></home-catalog>
        <home-hot></home-hot>
    </div>

</template>
<script>
import homeHeader from './components/homeHeader'
import homeSwiper from './components/homeSwiper'
import homeCatalog from "./components/homeCatalog"
import homeHot from './components/homeHot'
    export default {
        name:'Home',
        components:{
            homeHeader,
            homeSwiper,
            homeCatalog,
            homeHot
        }
    }

</script>

<style lang='stylus' scoped>
.home
    position:relative
    .home-header
        position: absolute;
        top:0
        left :0
        z-index:100
        width :100%
</style>